<!DOCTYPE HTML>
<html lang="zxx">

<head>
	<title>注册</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="Triple Forms Responsive Widget,Login form widgets, Sign up Web forms , Login signup Responsive web form,Flat Pricing table,Flat Drop downs,Registration Forms,News letter Forms,Elements" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
		

	</script>
	<!-- Meta tag Keywords -->

	<!-- css files -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

</head>

<body>
	<div class="main-bg" id="mian">
		<!-- title -->
		<h1>账户注册</h1>
		<!-- //title -->
		<div class="sub-main-w3">
			
			<!-- vertical tabs -->
			
				<div id="section1" class="section-w3ls">
					<div class="input">
						<span class="fa fa-user-o" aria-hidden="true"></span>
						<input type="text" v-model="registerdata.name"  placeholder="姓名" name="name" required />
					</div>
					<div class="input">
						<span class="fa fa-genderless" aria-hidden="true"></span>
						<input type="text" v-model="registerdata.gender"  placeholder="性别(男0女1)" name="gender" required />
					</div>
					
					<div class="input">
						<span class="fa fa-birthday-cake" aria-hidden="true"></span>
						<input type="datetime" v-model="registerdata.birth" placeholder="出生年月(1990/01/01)" name="birth" required />
					</div>
					<div class="input">
						<span class="fa fa-id-card" aria-hidden="true"></span>
						<input type="text" v-model="registerdata.card" placeholder="身份证号" name="card" required />
					</div>
					<div class="input">
						<span class="fa fa-phone" aria-hidden="true"></span>
						<input type="text" v-model="registerdata.phone" placeholder="手机号" name="phone" required />
					</div>
					
					<div class="input">
						<span class="fa fa-key" aria-hidden="true"></span>
						<input type="password" v-model="registerdata.password" placeholder="密码" name="password" required />
					</div>
					<div class="input">
						<span class="fa fa-address-book" aria-hidden="true"></span>
						<input type="text" v-model="registerdata.address" placeholder="地址" name="address" required />
					</div>
					<button type="submit" class="btn submit" style="border-radius:8px; display: inline; height: 45px; font-size: 15px; width: 140px;">提 交</button>
					<a href="./index.html"><button type="button" class="btn submit" style="border-radius:8px;display: inline; height: 45px; font-size: 15px; width: 140px;">返回登录</button></a>
				</div>
							
							
			
							
							
							
						
			<div class="clear"></div>
		</div>
		<!-- copyright -->
		<div class="copyright">
			<h2>Copyright &copy; 2021 版权所有| by
				<a href="#">No.11 Group</a>
			</h2>
		</div>
		<!-- //copyright -->
	</div>

</body>
<!-- script   -->
<script src="https://www.jq22.com/jquery/vue.min.js"></script>
<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script>
new Vue({
    el:'#mian',
    data: {
        nowYear:new Date().getFullYear(),
        logindata:{
				number:"",
				password:""
			},
			registerdata:{
				name:"", 
				password:"",
				confirmPassword:""
			},
			forgetdata:{
				number:"",
			}
    }
});
</script>
<!-- //script -->

</html>
